<!DOCTYPE html>
<html>
	<!--
			肖遥
    -->
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
body{
	background-image:url(../img/2.jpg) ;
	background-repeat:no-repeat ;
	
}
*{
	margin: 0;
	padding: 0;
}
.box1{
	height:380px ;
	width: 450px;
	border-radius:10px ;
	border:1px black solid;
	background-color:#46424c ;
	margin: 250px auto;
	opacity: 0.5;
	
}
.cent.log{
	color: white;
	text-align: center;
	size: 30px;
	padding: 30px;
}
.cent.user{
	
	text-align: center;
	padding-top: 30px;
}
input{
	
}
.cent.psd{
	
	text-align: center;
	padding-top: 10px;
}
.tishi{
	font-size: 15px;
	color: white;
	text-align: center;
}
input {
	font-size:20px ;
}
#biaoge{
	width: 100px;
	height: 40px;
	border-style:solid;
	background-color:orange ;
	margin: auto;
	border-radius:20px ;
	font-family: "楷体";
	font-size:30px ;
	text-align:center;
	
		  	
}
 #submit{
 			color: black;
 			background-color:orange ;
		  }	
		  .guanggao{
		  	
		  	width: 200px;
		  	height: 301;
		  	border: 0px solid white;
		  	background-color:black ;
		  	position: fixed;
		  	top: 20px;
		  	left: 1650px;
		  	opacity:1.0;
		  }
		</style>
	</head>
	<body>
				<!--
	作者：肖遥
	时间：2018-09-22
	描述：login
-->
		<div class="box1">
			<div class="head">
				<h1 class="cent log">后台登录</h1>
				<hr />
				<form action="" method="post">
					<div class="cent user" >
						 用户:<input  type="text" name="id" placeholder="请输入您的账号" maxlength="20" />
					</div>
					<div class="cent psd">
						密码:<input type="password" name="psd" placeholder="请输入您的密码" maxlength="20" />
					</div>
					<br />
					<p class="tishi">
						<img src="img/1.png" />请将字符移动到框内
					</p>
					<br />
					<div id="biaoge">
						<input type="submit" value="提交" id="submit" />
						
					</div>
					<div class="guanggao">
			<marquee>扫码有红包，最低100</marquee>
			<img src="img/4.png" />
		</div>	
						
					
					
				</form>
			</div>
		</div>
		
	</body>
</html>
